<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>物流信息</title>
		<link rel="stylesheet" type="text/css" href="__API__/lib/css/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="__API__/lib/css/mui.css?v=1">
		<link rel="stylesheet" type="text/css" href="__API__/lib/css/mobileSelect.css" />
		<link rel="stylesheet" href="__API__/lib/css/style.css">
		<script type="text/javascript" src="__API__/lib/js/jquery-1.11.0.min.js"></script>
		<script type="text/javascript" src="__API__/lib/js/mui.js"></script>
		<script src="__API__/lib/js/mobileSelect.js" type="text/javascript" charset="utf-8"></script>
		<script src="__API__/lib/js/city.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="__API__/lib/js/swiper.min.js"></script>
		<script type="text/javascript" src="__API__/lib/js/vue.min.js"></script>
		<script type="text/javascript" src="__API__/lib/js/common.js"></script>
		<script type="text/javascript" src="__API__/lib/js/index.js"></script>
	<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script></head>

	<body>
		<div class="page_box logistics_box" id="app">
			<h2>{{express_title}}{{express_number}}</h2>
			<ul class="logist_ul">
				<li :class="{'active': i == 0}" v-for="(item,i) in list" :key="i">
					<span>{{item.time}}</span>
					<p>{{item.context}}</p>
				</li>
			</ul>
		</div>
		<script>
			var app = null;
			app = new Vue({
				el: '#app',
				data: {
					id: '',
					express_code:'',
					express_number:'',
					express_title:'',
					mobile:'',

					list: [

					]
				},
				created: function() {
					var that = this;
					that.express_code = common.getQueryStringRegExp('express_code');
					that.express_number = common.getQueryStringRegExp('express_number');
					that.express_title = common.getQueryStringRegExp('express_title');
					that.mobile = common.getQueryStringRegExp('mobile');
					common.ajax("{:url('Order/kuaidi')}",{express_code:that.express_code,express_number:that.express_number,mobile:that.mobile} , function(res) {
						that.list = res.data
					if(res.code == 200){
						that.list = res.data
					}else{
						common.showToast(res.msg);
					}
						// that.getData(searchValue);
					})
					console.log('id',that.id)
					// that.getData(searchValue);
				},
				methods: {
					getData(value) {
						let that = this;
						let data = {
							searchValue: value
						}
						common.ajax('', data, function(res) {

						})
					},
				}
			});
		</script>
	</body>

</html>
